body{
	font-family:arial,sans-serif,SimHei;
}

.park-size .park-size-image {
	position:absolute;
	background:transparent none no-repeat scroll 50% 0;
	background-size:cover;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	margin:0 auto;
	z-index:-1
}
.park-size {
	height:100%;
	min-height:550px
}
.park-size .park-size-image {
	position:fixed
}
#pl.park-takeover-minimulti .park-size-image {
	background-image:url(../img/loginlogo480x800.png)
}
@media (min-width: 700px) {
	#h1.park-takeover-minimulti .park-size-image background-image:url(../img/loginlogo480x854.png)
}
@media (min-width: 1016px) {
	#h1.park-takeover-minimulti .park-size-image background-image:url(../img/loginlogo720x1280.png)
}

.afPopup FOOTER {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color:#dedfe0;
	background:white;
	height:40px;
}
.button.alertButton{
	width:100%;
	border:0;
	background:white;
}

.button.choiceButton{
	border:0;
	background:white;
	background-color:#eeb71c;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/** change backbutton to right side**/
.view header .backButton.right{
	position: relative;
  right: -50px;
	left:0;
  float: right;
}

.view header .backButton.left{
	left:5px;
}

.view header .returnlbc{
	padding-top:5px;
	padding-bottom:5px;
	height:45px;
	padding-left:0px;
}

/*将菜单的按钮改为在左边*/
#mainview header #menubadge.menuButton.left{
  position: relative;
  top: 1px;
  left: 1px;
  height: 36px;
  width: 76px;
  z-index: 2;
  float: left;
}

#mainview header #menubadge.menuButton img{
	height: 42px;
  width: 55px;
}

/*将菜单背景色设置为黑色*/
#mainview #mainheader{
  background:black;
}

.view header .labelp{
  text-align:center;
	color:#eeb71c;
	font-size:21px;
}

.view header .imglabel{
	vertical-align:text-top;
	height:21px;
}

.view input{
	outline:none;
}

a:focus,input:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
/*  -webkit-user-modify:read-write-plaintext-only;*/
}

input,textarea,button,select,label,a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
}

/********** main.html ***************/

.view #main{
	padding:0;
}

/*设置文字剧中*/
.view #main .labelp{
  text-align:center;
	font-size:16px;
}

/*设置车位编号组的样式*/
.view #main #parktable{
  border:#eeb71c solid;
  width:80%;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  border-collapse:collapse;
  vertical-align:bottom;
}

.view #main .imglabel{
	vertical-align:text-top;
	height:16px
}

.view #main #parktable tr {
  padding:0;
  margin:0;
}

.view #main #parktable td {
  padding:0;
  margin:0;
}

.view #main #parktable td .parkinput{
  border-color: gray ;
  border-style: none solid none none;
  border-radius:0px;
  padding:0;
  margin:0;
  outline:none;
  text-align:center;
  font-size:18px;
  font-weight:bold;
	ime-mode:disabled;
}

.view #main #parktable td .parkinputno{
  border-radius:0px;
  border-style:none none none none;
  padding:0;
  margin:0;
  outline:none;
  text-align:center;
  font-size:18px;
  font-weight:bold;
	ime-mode:disabled;
}

.view #main hr{
  width:80%;
  margin-left:auto;
  margin-right:auto;
}

.view #main .timeselecttable{
	width:100%;
}

.view #main .timeselecttable td{
	width:50%;
}

.view #main .timeselecttable td .leftimg{
	position: relative;
	right: 25px;
	float:right;
	vertical-align:text-top;
	height:17px;
}

.view #main .timeselecttable td .rightimg{
	position: relative;
	left: 25px;
	float:left;
	vertical-align:text-top;
	height:17px
}

.view #main .timeoptiontable{
	width:100%;
	height:60px;
}

.view #main .timeoptiontable td{
	width:50%;
}

.view #main .timeoptiontable td .leftp{
	font-size:50px;
	position: relative;
	right: 8px;
	float:right;
	vertical-align:text-top;
}

.view #main .timeoptiontable td .rightp{
	font-size:50px;
	position: relative;
	left: 7px;
	float:left;
	vertical-align:text-top;
}

.view #main .mbt{
	position:absolute;
	bottom:25px;
	margin:0;
	width:100%;
}

.view #main .costlabel{
	background-color:#ededed;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #ededed;
	height:36px;
	margin-left:14px;
	margin-right:14px;
	line-height:36px;
	z-index: 2;
}

.view #main .costlabel .fontcl{
	font-size:17px;
}

.view #main .costlabel .fontcl1{
	font-size:17px;
	color:#e53b3e;
}

.view .buttoncenter{
	height:36px;
	background-color:#eeb71c;
	margin-left:14px;
	margin-right:14px;
	text-align:center;
	vertical-align:middle;
	line-height:36px;
	border: 1px solid #eeb71c;
  z-index: 2;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	font-size: 19px;
}

.view .buttoncenter a{
	cursor: pointer;
	text-decoration: none;
	font-size: 17px;
	color:black;
}

/********** comfirmparking panel ***************/
.view #login{
	padding:0;
}


/********** personal.html ***************/

/*将左侧弹出菜单改为百分比*/
.view nav.nwidth{
  width:70%;
}

.view #navSettings{
	color:white;
}

.view #navSettings{
	background-image:url(../img/settings/settings480x800.png);
	background-color:rgb(0,0,0);
	background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-size:cover;
}

.view #navSettings .logoaccount{
	height:30%;
}

.view #navSettings .logoaccount .labelp{
  text-align:center;
	font-size:18px;
	cursor: auto;
}

.view #navSettings .logoaccount .loginP{
	text-decoration: none;
	color:white;
}

.view #navSettings .logoaccount .logoplogo{
	vertical-align:text-top;
	height:55px;
}

.view #navSettings .list.borderw{
	width:98%;
	margin-left:15px;
	margin-right:auto;
	border-radius:0;
	border-color: white;
}

.view #navSettings .list .setli {
	padding: 10px 10px 10px 10px;
	border:0;
}

.view #navSettings .list .setli.bordert {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color:#dedfe0;
}

.view #navSettings .list .setli.borderw {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color:#dedfe0;
}

.view #navSettings .seticon{
	vertical-align:text-top;
	height:16px
}

.view #navSettings .list > li > a {
  margin: -20px 10px -20px -10px;
}

.view #navSettings .button.center{
	color:#eeb71c;
	background-color: transparent; /*效果同none*/
	border:0;
	vertical-align:middle;
	margin-left:15px;
	margin-right:auto;
}

/************************ login panel ******************** ********/

.view #login{
	background-image:url(../img/login/loginbg480x800.png);
	background-color:rgb(0,0,0);
	background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-size:cover;
	padding:0;
}

.view #login .backButton.right{
	position: relative;
  right: -50px;
	left:0;
  float: right;
	border-style: solid;
	border-width: 0;
	border-color:#dedfe0;
	padding:2px;
	color:#eeb71c;
}

.view #login .labelp{
	text-align:center;
	font-size:22px;
}

.view #login .imglabel{
	vertical-align:text-top;
	height:55px;
}

.view #login .imgphone{
	background-image:url(../img/phone.png);
	background-repeat:no-repeat;
	background-position:6px;
	background-size:16px;
	padding-left:33px;
	font-size:16px;
}

.view #login .imgps{
	background-image:url(../img/password.png);
	background-repeat:no-repeat;
	background-position:6px;
	background-size:16px;
	padding-left:33px;
	font-size:16px;
}

.view #login .input-group{
	width: 94%;
	margin-left:auto;
	margin-right:auto;

}

.view #login .buttoncenter{
	width:94%;
	height:40px;
	background-color:#eeb71c;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	vertical-align:middle;
	line-height:40px;
	border: 1px solid #eeb71c;
	cursor: pointer;
	text-decoration: none;
	border-radius: 5px;
	font-size: 17px;
}

.view #login .regaforg{
	width:100%;
}

.view #login .regaforg td{
	width:50%;
}

.view #login .regaforg .righth{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color:#dedfe0;
}

.view #login .regaforg td .reg{
	position: relative;
	right: 12px;
	float:right;
	vertical-align:text-top;
	height:14px;
	color:white;
	text-decoration: none;
	font-size:13px;
}

.view #login .regaforg td .forg{
	position: relative;
	left: 10px;
	float:left;
	vertical-align:text-top;
	height:14px;
	color:white;
	text-decoration: none;
	font-size:13px;
}

.view #login .other{
	width:100%;
}

.view #login table{
	width:100%;
}

.view #login .otherm .htd1{
	width:35%;
	padding-left:25px;
}
.view #login .otherm .htd2{
	width:30%;
	font-size:13px;
	color:white;
	text-align:center;
}
.view #login .otherm .htd3{
	width:35%;
	padding-right:25px;
}

.view #login .otheri .htd1{
	width:35%;
}
.view #login .otheri .htd2{
	width:30%;
	text-align:center;
}
.view #login .otheri .htd3{
	width:35%;
	text-align:right;
}

.view #login .otheri .otheri1 {
	vertical-align:text-top;
	height:40px;
	padding-left:45px;
}

.view #login .otheri .otheri2 {
	vertical-align:text-top;
	height:40px;
	text-align:center;
}

.view #login .otheri .otheri3 {
	vertical-align:text-top;
	height:40px;
	padding-right:45px;
}

/***************** register panel ***************/
.view .panel.regs{
	padding:0;
}

.view .panel.regs .regi1{
	margin-top:10px;
	margin-bottom: 0;
}

.view .panel.regs .regi2{
	margin-bottom: 0;
	width:70%;
	border-top-width: 0;
	border-bottom-width: 0;
}

.view .panel.regs input{
	border-radius: 0;
	padding:0;
	padding-left:15px;
}

.view .panel.regs .rega{
	width:30%;
	text-align:center;
	vertical-align:middle;
	border: 0;
	cursor: pointer;
	text-decoration: none;
	font-size: 16px;
	color:#eeb71c;
	position: absolute;
　left: 50%;
　margin-left: -380px;
	line-height:40px;
}

.view .panel.regs .comimg{
	vertical-align:text-top;
	height:16px;
	padding-left:15px;
}

.view .panel.regs font{
	font-size:12px;
}

.view .panel.regs .fontcom{
	color:#eeb71c;
}

.view .panel.regs .buttonreg{
	height:36px;
	background-color:#eeb71c;
	margin-left:14px;
	margin-right:14px;
	text-align:center;
	vertical-align:middle;
	line-height:36px;
	border: 1px solid #eeb71c;
  z-index: 2;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	font-size: 15px;
}

.view .panel.regs a{
	cursor: pointer;
	text-decoration: none;
	font-size: 15px;
	color:black;
}

.view .panel.regs .regp{
	margin-top:0;
	margin-bottom: 0;
	border-top-width:0;
}

.view #mainheaderRegs .ingoreButton {
	position: relative;
	right: -50px;
	left:0;
	float: right;
  background: #f9f9f9;
  color: #fff;
  display: block;
  line-height: 44px;
  text-overflow: ellipsis;
  font-size: 14px;
  padding: 0;
  text-shadow: none;
  background-color: transparent;
  border: none;
  border-color: transparent;
  height: 44px;
  top: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding-left: 0;
  text-align: center;
  width: 50px;
  padding: 0 !important;
  margin: 0 !important;
	color:#eeb71c;
	text-decoration: none;
}

/***************** comfirmparking panel ***************/
.view #comfirmparking{
	padding:0;
	background-color:#ededed;
}

.view #comfirmparking .ordetail{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	height:24px;
	font-size:12px;
	color:#a0a0a0;
}

.view #comfirmparking .ornoline{
	width:100%;
	padding-top:12px;
	padding-bottom:12px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#ededed;
	font-size:15px;
	vertical-align:middle;
	background-color:white;
}

.view #comfirmparking .ornoline .ortd{
	width:90px;
	color:#a0a0a0;
	vertical-align:middle;
	padding-left:15px;
}

.view #comfirmparking .ornoline .orno{
	font-size:16px;
	vertical-align:middle;
}

.view #comfirmparking .ornoline .ortr{
	padding-bottom:10px;
	padding-top:10px;
	height:25px;
	vertical-align:middle;
}

.view #comfirmparking .paymethod{
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#ededed;
	font-size:15px;
	vertical-align:middle;
	background-color:white;
}

.view #comfirmparking .paymethod .payimg{
	height:26px;
}

.view #comfirmparking .paymethod .ortd{
	width:50px;
	color:#a0a0a0;
	vertical-align:middle;
	padding-left:15px;
}

.view #comfirmparking .paymethod .payno{
	font-size:16px;
	vertical-align:middle;
}

/**
.view #comfirmparking .buttonreg{
	height:36px;
	background-color:#eeb71c;
	margin-left:14px;
	margin-right:14px;
	text-align:center;
	vertical-align:middle;
	line-height:36px;
	border: 1px solid #eeb71c;
  z-index: 2;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	font-size: 15px;
}

.view #comfirmparking .buttonreg a{
	cursor: pointer;
	text-decoration: none;
	font-size: 15px;
	color:black;
}
**/
/****************** comfirm pay panel ******************************/
.view #comfirmPay{
	padding:0;
	background-color:#ededed;
}

.view .compbg{
	background-image:url(../img/sawtoothbg.png);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-size:cover;
	height:250px;
}

.view #comfirmPay .labelp{
  text-align:center;
	font-size:18px;
	padding-top:40px;
}

.view #comfirmPay .comfont{
  text-align:center;
	font-size:16px;
	padding-top:5px;
	color:#eeb71c;
}

.view #comfirmPay .comCost{
  text-align:center;
	font-size:40px;
	padding-top:10px;
}



/****************** footer css ***********************/
.view footer.ft{
	background-color:white;
	border-color: #ededed ;
	border-style: solid none none none;
	vertical-align:middle;
	line-height:41px;
}
.view footer a {
	color: black;
	font-size: 16px;
}
.view footer > a.pressed:not(.button) {
  background-color: white;
	color: #eeb71c;
}
